<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/MI-HY.css">
    <link rel="stylesheet" href="css/MI-BOX.css">
    <link rel="stylesheet" href="css/mi.css">
    <link rel="stylesheet" href="css/MI-Ser.css">
    <link rel="stylesheet" href="css/MI-All.css">
    <title>全部商品</title>
</head>
<body>
    <!-- 头部开始 -->
    <div class="header">
        <div class="container">
            <div class="left-nav">
                <ul>
                    <li><a href="">小米网</a></li>
                    <li><a href="">MIUI</a></li>
                    <li><a href="">米聊</a></li>
                    <li><a href="">游戏</a></li>
                    <li><a href="">多看阅读</a></li>
                    <li><a href="">云服务</a></li>
                    <li><a href="">小米网移动版</a></li>
                    <li><a href="">Select region</a></li>
                </ul>
            </div>
            <div class="login">
                <ul>
                    <li><a href="">登入</a></li>
                    <li><a href="">注册</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <div class="content-container">
        <!-- logo、搜索框开始 -->
        <div class="top">
            <div class="logo">
                <img src="images/logo.png" alt="">
            </div>
            <div class="search">
                <p><img src="images/clock.png">4月14日开放购买</p>
                <br>
                <form>
                    <div>
                        <input type="text" name="" id="" placeholder="搜索您需要的商品">
                        <input class="search-btn" type="submit" value=" ">
                    </div>
                    <a href="">小米手环</a>
                    <a href="">小米音箱</a>
                    <a href="">保护壳</a>
                    <input class="shopping-cart" type="submit" value="购物车">
                </form>
            </div>
        </div>
        <!-- logo、搜索框结束 -->
        <!-- 导航开始 -->
        <div class="nav">
            <div class="drop">
                <a href="">全部商品分类 &or;</a>
                <div class="nav-drop">
                    <ul>
                        <li><a href="">手机 电话卡</a></li>
                        <li><a href="">电视 盒子</a></li>
                        <li><a href="">笔记本 平板</a></li>
                        <li><a href="">家电 插线板</a></li>
                        <li><a href="">出行 穿戴</a></li>
                        <li><a href="">智能 路由器</a></li>
                        <li><a href="">电源 配件</a></li>
                        <li><a href="">个护 儿童</a></li>
                        <li><a href="">耳机 音箱</a></li>
                        <li><a href="">生活 箱包</a></li>
                    </ul>
                </div>
            </div>
            <div class="right-nav">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">小米手机</a></li>
                    <li><a href="">红米</a></li>
                    <li><a href="">小米平板</a></li>
                    <li><a href="">小米电视</a></li>
                    <li><a href="">盒子</a></li>
                    <li><a href="">路由器</a></li>
                    <li><a href="">合约机</a></li>
                    <li><a href="">服务</a></li>
                    <li><a href="">社区</a></li>
                </ul>
            </div>
        </div>
        <!-- 导航结束 -->
    
        <!-- 标题开始 -->
        <div class="nav-title">
            首页 / 所有分类
        </div>
        <!-- 标题结束 -->
        <!-- 商品内容开始 -->
        <div class="title-question">
            全部商品分类
        </div>
        <div class="good-list">
            <ul>
                <li>
                    <img src="images/luyouqi.png" alt="">
                    <h4>路由器与智能硬件</h4>
                    <ul>
                        <li><a href="">小米路由器</a></li>
                        <li><a href="">小米路由器mini</a></li>
                        <li><a href="">小米手环</a></li>
                        <li><a href="">净化器与滤芯</a></li>
                        <li><a href="">摄像机</a></li>
                        <li><a href="">运动相机</a></li>
                        <li><a href="">所有子分类&gt;&gt;</a></li>
                    </ul>
                </li>
                <li>
                    <img src="images/dianchi.png" alt="">
                    <h4>插线板、移动电源与电池</h4>
                    <ul>
                        <li><a href="">小米移动电源</a></li>
                        <li><a href="">插线板</a></li>
                        <li><a href="">品牌移动电源</a></li>
                        <li><a href="">电池</a></li>
                        <li><a href="">充电器</a></li>
                        <li><a href="">线材</a></li>
                    </ul> 
                </li>
                <li>
                    <img src="images/tupian.png" alt="">
                    <h4>耳机音响与存储卡</h4>
                    <ul>
                        <li><a href="">小米头戴式耳机</a></li>
                        <li><a href="">小米活塞耳机</a></li>
                        <li><a href="">品牌耳机</a></li>
                        <li><a href="">音箱</a></li>
                        <li><a href="">存储卡</a></li>
                    </ul> 
                </li>
                <li>
                    <img src="images/hougai-.png" alt="">
                    <h4>保护套与贴膜</h4>
                    <ul>
                        <li><a href="">保护套/保护壳</a></li>
                        <li><a href="">贴膜</a></li>
                        <li><a href="">防尘塞</a></li>
                    </ul> 
                </li>
                <li>
                    <img src="images/xiaomifeng.png" alt="">
                    <h4>后盖与个性化配件</h4>
                    <ul>
                        <li><a href="">米键</a></li>
                        <li><a href="">后盖</a></li>
                        <li><a href="">贴纸</a></li>
                        <li><a href="">挂件</a></li>
                        <li><a href="">手机支架</a></li>
                        <li><a href="">耳机绕线器</a></li>
                    </ul> 
                </li>
            </ul>
            <ul>
                <li>
                    <img src="images/shouhuan.png" alt="">
                    <h4>小米生活方式</h4>
                    <ul>
                        <li><a href="">服装</a></li>
                        <li><a href="">米兔</a></li>
                        <li><a href="">背包</a></li>
                        <li><a href="">小米鼠标垫</a></li>
                        <li><a href="">生活周边</a></li>
                        <li><a href="">拉卡拉刷卡器</a></li>
                    </ul> 
                </li>
                <li>
                    <img src="images/peijing.png" alt="">
                    <h4>配件优惠套装</h4>
                    <ul>
                        <li><a href="">小米4</a></li>
                        <li><a href="">小米3</a></li>
                        <li><a href="">红米手机</a></li>
                        <li><a href="">小米2/2S</a></li>
                        <li><a href="">小米2A</a></li>
                        <li><a href="">小米1/1S</a></li>
                    </ul> 
                </li>
                <li>
                    <img src="images/miui.jpg" alt="">
                    <h4>电子书与MIUI主题</h4>
                    <ul>
                        <li><a href="">多看小说</a></li>
                        <li><a href="">多看杂志</a></li>
                        <li><a href="">多看图书</a></li>
                        <li><a href="">MIUI热门主题</a></li>
                        <li><a href="">更多MIUI主题</a></li>
                    </ul> 
                </li>
                <li>
                    <img src="images/jixing.jpg" alt="">
                    <h4>按机型选配件</h4>
                    <ul>
                        <li><a href="">小米4</a></li>
                        <li><a href="">小米3</a></li>
                        <li><a href="">红米手机</a></li>
                        <li><a href="">小米2/2S</a></li>
                        <li><a href="">小米2A</a></li>
                        <li><a href="">小米1/1S</a></li>
                    </ul> 
                </li>
                <li>
                    <img src="images/mingxing.jpg" alt="">
                    <h4>小米明星单品</h4>
                    <ul>
                        <li><a href="">小米移动电源</a></li>
                        <li><a href="">小米路由器</a></li>
                        <li><a href="">全新小米活塞耳机</a></li>
                        <li><a href="">小米头戴式耳机</a></li>
                        <li><a href="">方盒子蓝牙音箱</a></li>
                        <li><a href="">小米插线板</a></li>
                        <li><a href="">小米体重秤</a></li>
                    </ul> 
                </li>
            </ul>
        </div>



        <!-- 商品内容结束 -->
    </div>

    <div class="footer">
        <div class="profit">
            <ul>
                <li>
                    <img src="images/10.png" alt="">
                    <h5>1小时快修服务</h5>
                </li>
                <li>
                    <img src="images/11.png" alt="">
                    <h5>7天无理由退货</h5>
                </li>
                <li>
                    <img src="images/12.png" alt="">
                    <h5>15天免费换货</h5>
                </li>
                <li>
                    <img src="images/13.png" alt="">
                    <h5>man150元包邮</h5>
                </li>
                <li>
                    <img src="images/14.png" alt="">
                    <h5>520余家售后网点</h5>
                </li>
            </ul>
        </div>
        <div class="more">
            <ul>
                <li>
                    <h5>帮助中心</h5>
                    <ul>
                        <li><a href="">购物指南</a></li>
                        <li><a href="">支付方式</a></li>
                        <li><a href="">配送方式</a></li>
                    </ul>
                    
                </li>
                <li>
                    <h5>服务支持</h5>
                    <ul>
                        <li><a href="">售后政策</a></li>
                        <li><a href="">自动服务</a></li>
                        <li><a href="">相关下载</a></li>
                    </ul>
                    
                </li>
                <li>
                    <h5>小米之家</h5>
                    <ul>
                        <li><a href="">小米之家</a></li>
                        <li><a href="">服务网点</a></li>
                        <li><a href="">预约亲临到点服务</a></li>
                    </ul>
                    
                </li>
                <li>
                    <h5>关于小米</h5>
                    <ul>
                        <li><a href="">了解小米</a></li>
                        <li><a href="">加入小米</a></li>
                        <li><a href="">联系我们</a></li>
                    </ul>
                    
                </li>
                <li>
                    <h5>关注我们</h5>
                    <ul>
                        <li><a href="">新浪微博</a></li>
                        <li><a href="">小米部落</a></li>
                        <li><a href="">官方微信</a></li>
                    </ul>
                    
                </li>
                <li>
                    <h4>400-100-5678</h4>
                    <p>周一至周日 8:00-21:00</p>
                    <p>（仅收市话费）</p>
                    <button>24小时在线客服</button>
                </li>
            </ul>
        </div>
        <div class="copyright">
            <div class="container">
                <ul>
                    <li>小米旗下网站：小米网</li>
                    <li>MIUI</li>
                    <li>米聊</li>
                    <li>多看书城</li>
                    <li>小米路由器</li>
                    <li>繁體香港</li>
                    <li>繁體台灣</li>
                    <li>English</li>
                    <li>小米后院</li>
                    <li>小米天猫店</li>
                    <li>小米淘宝直营店</li>
                    <li>小米网盟</li>
                </ul>
                <p>mi.com 京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0009号</p>
                <div>
                    <img src="../MI-HY/images/cnnicVerifyseal.png" alt="">
                    <img src="images/szfwVerifyseal.gif" alt="">
                    <img src="images/save.jpg" alt="">
                    <select name="" id="">
                        <option value="">简体中文</option>
                        <option value="">English</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部结束 -->